<template>
  <div class="home">
    <top-nav></top-nav>
   <swiper-com></swiper-com>
   <icon-list></icon-list>
   <music-list></music-list>
  </div>
</template>

<script>
import topNav from "@/components/topNav.vue";
import swiperCom from "@/components/swiperCom.vue";
import iconList from "@/components/iconList.vue";
import musicList from '@/components/musicList.vue'


export default {
  name: "Home",
  data() {
    return {};
  },
  components: {
    topNav,
    swiperCom,
    iconList,
    musicList
  },

  mounted() {
  
  },
};
</script>
<style lang="less" scoped>
.swiper-container {
  width: 7.5rem;
  height: 4rem;
}
</style>